<!doctype html>
<!--[if IE 8]> <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<title>Rising</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="shortcut icon" href="core/images/favicon.ico" />
<link rel="apple-touch-icon" href="core/images/apple-touch-icon.png" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="core/styles/default/default.css" />
<script src="core/js/libs/modernizr-2.0.6.min.js"></script>
<script src="core/js/libs/jquery-1.6.2.min.js"></script>
<script src="core/js/libs/jquery.easing.js"></script>
<script src="core/js/libs/jquery.color.js"></script>
<script src="core/js/fancybox/jquery.fancybox.pack.js"></script>
<script src="core/js/mylibs/layout.js"></script>
<script src="core/js/libs/head.min.js"></script>
<script src="core/js/libs/underscore-min.js"></script>
<script src="core/js/libs/underscore.string.js"></script>
<script src="core/js/mylibs/rising.js"></script>
<script src="core/js/main.js"></script>
<script src="core/js/mylibs/responsive.js"></script>
</head>
<body id="page">
<div id="wrap">

<!-- + -->

<header role="banner">
	<section id="site-logo"><a href="index.html"><img alt="Rising" src="core/images/logo.png" /></a></section>
	<section id="nav-wrap">
		<div class="bg"><span class="tip left"></span><span class="tip right"></span></div>
		<a class="button home" href="index.html"><span></span></a>
		<a class="button search"><span></span></a>
		<form role="search" action="index.html" method="get">
			<input type="text" name="s" value="Start Searching&hellip;" />
			<span class="button close"></span>
		</form>

		<nav role="navigation">
			<ul>
				<li>
					<a href="index.html">Home</a>
					<ul>
						<li><a href="../rising-default/index.html">Rising Light</a></li>
						<li><a href="../rising-dark/index.html">Rising Dark</a></li>
					</ul>
				</li>
				<li>
					<a href="home-default-slider.html">Sliders</a>
					<ul>
						<li><a href="home-default-slider.html">Default</a></li>
						<li><a href="home-nivo-fade.html">Nivo &ndash; Fade</a></li>
						<li><a href="home-nivo-random.html">Nivo &ndash; Random</a></li>
						<li><a href="home-accordion.html">Accordion</a></li>
						<li><a href="home-piecemaker.html">Piecemaker 2</a></li>
					</ul>
				</li>
				<li>
					<a href="portfolio-3n.html">Portfolio</a>
					<ul>
						<li><a href="portfolio-one.html">One Column</a></li>
						<li class="menu-parent">
							<a href="portfolio-3n.html">Normal Layout</a>
							<ul>
								<li><a href="portfolio-4n.html">Four Columns</a></li>
								<li><a href="portfolio-3n.html">Three Columns</a></li>
								<li><a href="portfolio-2n.html">Two Columns</a></li>
							</ul>
						</li>
						<li class="menu-parent">
							<a href="portfolio-3s.html">Special Layout</a>
							<ul>
								<li><a href="portfolio-4s.html">Four Columns</a></li>
								<li><a href="portfolio-3s.html">Three Columns</a></li>
								<li><a href="portfolio-2s.html">Two Columns</a></li>
							</ul>
						</li>
					</ul>
				</li>
				<li>
					<a href="blog-content-left.html">Blog</a>
					<ul>
						<li class="menu-parent">
							<a href="single-normal.html">Single Post</a>
							<ul>
								<li><a href="single-normal.html">Normal</a></li>
								<li><a href="single-fullwidth.html">Full Width</a></li>
							</ul>

						</li>
						<li><a href="blog-content-left.html">Content Left</a></li>
						<li><a href="blog-content-right.html">Content Right</a></li>
					</ul>
				</li>
				<li class="current-menu-item"><a href="shortcodes.html">Shortcodes</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</nav>
	</section><!-- navigation -->
</header><!-- header -->

<!-- + -->

<div id="content" role="main">

<hgroup id="page-title">
	<h1>Shortcodes</h1>
	<h2>Lots of cool stuff included!</h2>
</hgroup><!-- page-title -->

<div id="content-wrap">
	<article class="post page content clearfix">

		<div class="column-2">

			<h3 class="section-heading normal">Tabs</h3><hr class="sep" />

			<ul class="sc-tabs nostyle">
				<li class="title">Tab 1</li>
				<li class="tab">
					<p>Suprematism found its base in the application of the fundamental geometric forms, particularly the square and the circle.</p>
					<p>It originated in 1915 in Russia, established by Kazimir Malevich.</p>
				</li><!-- .tab -->

				<li class="title">Tab 2</li>
				<li class="tab">
					<p>The most identified work is part of Malevich's White on White.</p>
				</li><!-- .tab -->

				<li class="title">Tab 3</li>
				<li class="tab">
					<p>The style developed as Russia was in a revolutionary state.</p>
				</li><!-- .tab -->
			</ul>

		</div><!-- .column-2 -->
		<div class="column-2 last">

			<h3 class="section-heading normal">Buttons</h3><hr class="sep" />
			<p class="clearfix">
				<a class="sc-button" href="#permalink">Button One</a>
				<a class="sc-button" href="#permalink">Button Two</a>
				<a class="sc-button" href="#permalink">Button Three</a>
			</p>

		</div><!-- .column-2 -->
		<div class="clear"></div>

		<!-- + -->

		<h3 class="section-heading">Notifications</h3><hr class="sep" />

		<div class="column-3">
			<p class="notification">Notification &ndash; <strong>Default</strong></p>
		</div><!-- .column-3 -->

		<div class="column-3">
			<p class="notification success">Notification &ndash; <strong>Success</strong></p>
		</div><!-- .column-3 -->

		<div class="column-3 last">
			<p class="notification error">Notification &ndash; <strong>Error</strong></p>
		</div><!-- .column-3 -->
		<div class="clear"></div>

		<!-- + -->

		<br/>

		<div class="column-3">
			<p>The Bauhaus was a school whose approach to design and the combination of fine art and arts and crafts
			proved to be a major influence on the development of graphic design as well as much of 20th century modern art.</p>
		</div><!-- .column-3 -->
		<div class="column-3">
			<p>The Bauhaus was a school whose approach to design and the combination of fine art and arts and crafts proved
			to be a major influence on the development of graphic design as well as much of 20th century modern art.</p>
		</div><!-- .column-3 -->
		<div class="column-3 last">
			<p>The Bauhaus was a school whose approach to design and the combination of fine art and arts and crafts proved
			to be a major influence on the development of graphic design as well as much of 20th century modern art.</p>
		</div><!-- .column-3 -->
		<div class="clearfix"></div>

		<!-- + -->

		<h3 class="section-heading">Syntax Highlighting</h3><hr class="sep" />

		<div class="column-3">
<pre class="sh_sql">
# Mysql Code
CREATE TABLE My_table(
    my_field1   INT,
    my_field2   VARCHAR(50),
    my_field3   DATE         NOT NULL,
    PRIMARY KEY (my_field1, my_field2)
);

</pre>
		</div><!-- .column-3 -->
		<div class="column-3">
<pre>The Bauhaus
===========
The Bauhaus was a school whose approach to design and the combination of fine art and arts and crafts.

It proved to be a major influence on the development of graphic design as well as much of 20th century.</pre>
		</div><!-- .column-3 -->
		<div class="column-3 last">
<pre class="sh_sql">
/* JavaScript Code */
var http = require('http');
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello World\n');
}).listen(1337, "127.0.0.1");
console.log('Server running at http://127.0.0.1:1337/');
</pre>
		</div><!-- .column-3 -->
		<div class="clear"></div>

		<!-- + -->

		<br/>

		<div class="column-4">
			<p>The Bauhaus was a school whose approach to design and the combination of fine art and arts and crafts proved
			to be a major influence on the development of graphic design as well as much of 20th century modern art.</p>
		</div><!-- .column-4 -->
		<div class="column-4">
			<p>The Bauhaus was a school whose approach to design and the combination of fine art and arts and crafts proved
			to be a major influence on the development of graphic design as well as much of 20th century modern art.</p>
		</div><!-- .column-4 -->
		<div class="column-4">
			<p>The Bauhaus was a school whose approach to design and the combination of fine art and arts and crafts proved
			to be a major influence on the development of graphic design as well as much of 20th century modern art.</p>
		</div><!-- .column-4 -->
		<div class="column-4 last">
			<p>The Bauhaus was a school whose approach to design and the combination of fine art and arts and crafts proved
			to be a major influence on the development of graphic design as well as much of 20th century modern art.</p>
		</div><!-- .column-4 -->
		<div class="clearfix"></div>

		<!-- + -->

		<p>Suprematism found its base in the application of the fundamental geometric forms., particularly the square and the circle. It originated in 1915 in Russia and was established by Kazimir Malevich.
		The movement also expressed an interest in concepts that related to non-euclidean geometry, which imagined forms moving through space. A non-objective style of art its simplification of
		form and use of geometry influenced, among many other things, the development of Constructivism and the Bauhaus.</p>

		<p>Suprematism found its base in the application of the fundamental geometric forms., particularly the square and the circle. It originated in 1915 in Russia and was established by Kazimir Malevich.
		The movement also expressed an interest in concepts that related to non-euclidean geometry, which imagined forms moving through space. A non-objective style of art its simplification of
		form and use of geometry influenced, among many other things, the development of Constructivism and the Bauhaus.</p>

		<h3 class="section-heading">Table Styles</h3><hr class="sep" />

		 <table>
		  <caption><em>This is the Table Caption</em></caption>
		  <tr>
			<th>Header</th>
			<th>Header</th>
			<th>Header</th>
			<th>Header</th>
			<th>Header</th>
		  </tr>
		  <tr>
			<td>TD One</td>
			<td>TD Two</td>
			<td>TD Three</td>
			<td>TD Four</td>
			<td>TD Five</td>
		  </tr>
		  <tr>
			<td>TD One</td>
			<td>TD Two</td>
			<td>TD Three</td>
			<td>TD Four</td>
			<td>TD Five</td>
		  </tr>
		</table>

		<br/>

	</article><!-- .post -->
</div><!-- content-wrap -->

</div><!-- content -->

<!-- + -->

<footer role="contentinfo">
	<div class="column-grid cols-4 clearfix">
		<div class="entry column">

			<aside class="widget">
				<h2 class="title"><span>About Rising</span></h2>
				<p>Suprematism found its base in the application of the fundamental geometric forms, particularly the square and the circle.</p>
				<p>It originated in 1915 in Russia, established by Kazimir Malevich.</p>
			</aside><!-- .widget -->

		</div><!-- .column -->

		<div class="entry column">

			<aside class="widget twitter_widget">
				<h2 class="title"><span>Latest From Twitter</span></h2>
				<ul class="nostyle">
					<li><a href="#profile">@johndoe</a> The style developed as Russia was in a revolutionary state <small><a href="#status">3 minutes ago</a></small></li>
					<li>The most identified work is part of  Malevich's White on White <small><a href="#status">2 hours ago</a></small></li>
				</ul>
				<a class="follow" href="#follow">Follow on Twitter</a>
			</aside><!-- .widget -->

		</div><!-- .column -->

		<div class="clear" style="display: none;"></div><!-- mobile -->

		<div class="entry column">

			<aside class="widget widget_recent_entries">
				<h2 class="title"><span>Recent Posts</span></h2>
				<ul>
					<li><a href="#">A Perfect Team</a></li>
					<li><a href="#">Another Story Begins</a></li>
					<li><a href="#">Up in the Sky</a></li>
				</ul>
			</aside><!-- .widget -->

			<aside class="widget widget_recent_comments">
				<h2 class="title"><span>Recent Comments</span></h2>
				<ul>
					<li><a href="#">Mary Jane</a> on <a href="#">A Perfect Team</a></li>
					<li><a href="#">John Doe</a> on <a href="#">Another Story Begins</a></li>
				</ul>
			</aside><!-- .widget -->

		</div><!-- .column -->

		<div class="entry column last">

			<aside class="widget">
				<div style="text-align: center;"><img alt="Rising" src="core/images/content/footer-logo.png" /></div>
			</aside><!-- .widget -->

		</div><!-- .column -->
	</div>
	<div class="ftr-bottom">
		<small>
			&copy;2011 <a href="#rising">Rising</a>. &nbsp; An <abbr title="HyperText Markup Language">HTML5</abbr> &amp;
			<abbr title="Cascading Stylesheets">CSS3</abbr> theme by <a href="http://der-design.com">der</a>.
		</small>
		<ul class="social-icons">
			<li><a title="Twitter" href="#twitter"><img alt="twitter" src="core/images/social/twitter.png" /></a></li>
			<li><a title="Facebook" href="#facebook"><img alt="facebook" src="core/images/social/facebook.png" /></a></li>
			<li><a title="Vimeo" href="#vimeo"><img alt="vimeo" src="core/images/social/vimeo.png" /></a></li>
			<li><a title="Apple" href="#apple"><img alt="apple" src="core/images/social/apple.png" /></a></li>
		</ul>
	</div>
</footer><!-- footer -->

</div><!-- wrap -->

<script>
Rising.theme = 'default';
Rising.colors = {
	postTitleHover: '#EB5426',
	footerLinkHover: '#FF973F',
	frameHover: '#EA7716',
	lightboxBg: '#F7F7F7',
	sourceCodeBg: '#FCFCFC'
};
</script>

<!-- Analytics -->
</body>
</html>